当前位置: 首页 >文章 > UI/UX设计必须知道的9种状态(下)
收藏
分享

UI/UX设计必须知道的9种状态(下)

举报应骏应骏发布于 2018-08-102453阅读0点赞
在做交互设计的时候我们需要考量的是如何能将信息让用户高效的获取,只有提高信息获取效率,用户才能更快的锁定兴趣点也就是核心诉求。...

让我们接下去讲后面的5种状态


五.浏览状态。移动端相比pc端有两个比较显著的特点:一是移动端应用的高情景驱动,也就

是我们能在随时随地使用应用;二是移动端设备大小的多样性及限制性;这两点导致移动端

应用都是暂态的,而移动端的内容展现形式也比pc端更多样化:列表、网格、轮播、卡片还

有泳道,根据业务诉求以及用户诉求双重标准来设计内容的展示。

上篇有提到一点,用户浏览信息的时候,首先注意到的是结构(功能分布),其次再是内容

(预期展示),最后是其兴趣点(核心诉求),具有代表性的几类app我们能分析出他们在

设计产品的时候是如何考虑用户的浏览状态的:电商、新闻、外卖、资讯阅读。这边以最常

见的列表举例:


那么如何设计框架结构和功能分布让用户浏览的效率和转化率大大提高呢?我们首先来看看

以上6张图,我们发现既有左图右文的排版,也有左文右图的排版,还有上下的排版,这些

都是z字形视觉流路径,而这个路径的形成其实就是视觉注意力的转移,通过不同因素的影

响,视觉焦点也会随之变化,例如元素的静止和动画,颜色的冷暖,明暗,形状的大小方圆

等等。


在做交互设计的时候我们需要考量的是如何能将信息让用户高效的获取,只有提高信息获取

效率,用户才能更快的锁定兴趣点也就是核心诉求。


新闻类的app通常会将图片放置在左侧,文字放置在右侧,而实际情况是用户一进入首页首

先扫一遍标题,图片反而是在扫完标题有兴趣之后再去关注的,为什么?因为图片虽然在视

觉影响力比文字强,但是表意不明,看图片无法知道他要讲的究竟是一件什么事,而文字确

能一目十行,但是不乏有些新闻是靠图片来吸引读者的,你们懂的。所以新闻也好,资讯类

app也好,目的都是需要提高用户的信息获取效率,本质上来说谁左谁右都是有迹可循的。


做个小总结,如何提高用户获取效率方法:

1、了解用户获取内容时的视觉流及操作流(有条件可招募用户做可用性测试)。

2、内容层次分明,并将相关联信息一起展示。

3、清楚用户核心诉求并将其重点展示。

4、内容展示有节奏感。




六.确认状态

当用户浏览完了内容,终于找到了他们要找的东西之后,这时候要正真的获取到它,这时候

我们需要注意3点:

1.告诉用户最后的结果,支付成功或者失败,成功之后还能获取奖励?分享他人?给用户一

种成就感,毕竟好不容易走了前面5个步骤才到了这里。而失败了又是什么原因导致的?如

何解决?


2.再次让用户确认所需内容


3.提供出口,但不要“轻易”让用户溜走同时完成结果流程一定要顺畅。 


七.错误状态

好,重点来了,为什么说重点,这对于我们的用户来说往往是致命的。最近我们ued团队的

用研同学做了一份以一个月为周期的用户流失研究,其报告中提到除了核心内容没办法满足

用户之外,很大一部分流失用户是因为应用频繁出错或者试用早起出现致命错误导致的用户

流失,甚至一个小小的认证失败也导致了其流失。


所以我们能预料到,除了刚性需求吸引用户外,其他用户的耐心程度可能并不高,有一部分

用户在抱着试试看的态度使用产品时的内心是极其脆弱了,一出现错误或者无法解决错误的

时候往往就是产生放弃使用的念头。(现在轻量型应用能更敏捷的抓住用户的诉求点) 


所以这里就需要讲的是产品可用性的三原则了:

1.有效性。这里的效是效果的意思,什么意思?就是用户想去京东买部手机,有效性就是指

用户能够买到自己想买的手机,而如果这个京东手机店铺没有用户想要的手机,那这个店铺

对于用户来说就没有存在价值了。


2.效率。用户如何能够快速方便的买到想要的手机,如果支付的流程繁琐,步骤多,这样就

大大降低了用户购买手机的效率,导致用户体验下降,而下一次用户则不会选择这哥效率低

下的产品。


3.满意度。即使满足了前两个方面,但是如果其他方面招致用户的抱怨,也将导致用户流失,

比如数据加载慢,数据显示错误,以及操作步骤多等等。

一个产品的错误状态往往都是这三点而引发出来的,包括用户输错密码也好,网络中断也好,

数据无法刷新也好,用户遇到错误无法解决也好。

那么既然出现了错误,我们理应向用户反馈原因,及处理方法,这边为什么要给用户反馈我们

就不说了,不反馈用户就跑啦,我们来讲一讲反馈的形式以及内容:


1.反馈的形式。错误反馈的形式有很多种:情感化插画,顶部警告栏,弹窗,toast等等其实还

有动画,如iOS解锁错误抖一抖,还有声音等等 .


2.反馈的内容。错误提示,告知用户为什么操作被中断,以及出现了什么错误。错误信息要尽

量准确、通俗易懂。有效的错误提示信息要解释发生的原因,并提供解决方案,以使用户能够

从错误中恢复。


八.结束状态

一个好的结尾意味着什么?意味着:客官,欢迎下次再来跟姐妹们聊天~

我们终于帮助用户达成了他的愿望,这就结束了吗?还远远没有,这世界上永远没有一次性的

生意。所以给用户一个美好的结束体验,是他下一次再来愉快购物的保障,一个优秀的产品通

常会有几个美好的结尾,来时刻帮助用户记得这个瞬间,举个结尾优秀的例子:


虽然我们用这个产品主要目的是为了购买电影票,本来购买完电影票流程也就结束了,但是格

瓦拉还远远没有让你觉得结束,它基本上从你购票完成后能够进行时间提醒、影院交通选择、

影院附近消费等各种服务(因为现在观影结束后观影小助手不能调出,所以凭记忆说出了几个

我印象深刻的功能)。


很显然,格瓦拉电影是一个想要陪伴你从电影挑选、在线购票、观影路上交通、影院附近娱乐、

影院取票、影院观影以及电影点评“一条龙”的应用。你会发现它重在体验,想要成为用户的

一个朋友,而不是一个单纯的工具。据说在观看某些影片结束的时候还会温馨地提醒你片尾有

彩蛋!直击影迷的痛点。时间提醒上,分为几次提醒,都是关键的几个时间点。  


九.中断状态

中断状态其实没啥好说的了,应用要是经常中断也就没有用户用了,公司也就倒灶了。



想说的话:

那么以上就是用户体验设计中,我们需要注意的9点内容,哎呀终于讲完了不容易,但是依然没

有面面俱到的讲的很细,一是怕大家没有耐心去看,二是时间精力有限。其实我就是一个普通

的UI设计师,和大家一样有职场的困惑,有学习设计的迷茫,也想出人头地和斩获高薪,但是

事情总得一步步来,万事无捷径,但是请坚信,只要你付出努力,你的汗水将不会辜负你做过

的一切努力。


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,746人)

【5月】零基础动态表情包创作训练营
距离开班仅剩2天57人已报名
【5月】7天轻松入门C4D小练习
距离开班仅剩6天28人已报名
【6月】7天轻松入门C4D小练习
距离开班仅剩27天0人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,401
并提交了160份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证